/*
 * @Author: 肖思汗 
 * @Date: 2025-09-04 16:33:45 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2025-09-04 23:29:22
 */

import { observer } from "mobx-react-lite";
import { ReactNode } from 'react';
import styles from './blurWarn.module.less';
import utilsStore from "src/utils/utilsStore";
import utils from "src/utils/utils";
import blurWarnStore from "./blurWarnStore";

interface Iprops {
    children?: ReactNode
}

// 模糊警告提示组件
const BlurWarn = observer((props: Iprops) => {

    if (!blurWarnStore.showBlurWarn) {
        return null;
    }

    return (
        <div
            className={styles.blurWarn}
            style={{
                top: utilsStore.titleTop + utils.rpx2px(180),
                // top: utilsStore.titleTop + utils.rpx2px(100),
                // top: utilsStore.titleTop + utils.rpx2px(180) + utilsStore.windowWidth + utils.rpx2px(20) + utils.rpx2px(80),
            }}
        >
            图片模糊请上传高清图片
        </div>
    );
});

export default BlurWarn;